<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <title>yidong</title>
    <link rel="stylesheet" href="./assets/css/reset.css" />
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
        integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous" />
    <link rel="stylesheet/less" href="./assets/css/index.less" />
    <link rel="stylesheet/less" href="./assets/css/common.less" />
</head>

<body>
    <!-- nav  -->
    <div class="nav">
        <div class="one">
            <img src="./assets/img/menu.png" />
        </div>
        <div class="one">
            <img src="./assets/img/logo.png" />
        </div>
        <div class="one">
            <img src="./assets/img/search.png" />
        </div>
    </div>

    <!-- banner -->
    <div class="banner">
        <img src="./assets/img/banner.png" />
    </div>

    <!-- risk -->
    <div class="risk">
        <p class="font">风险评估</p>
    </div>

    <!-- circle -->
    <div class="circle">
        <div class="one">
            <img src="./assets/img/assessment-img1.png" />
            <p class="font">办公室</p>
        </div>
        <div class="one">
            <img src="./assets/img/assessment-img2.png" />
            <p class="font">办公室</p>
        </div>
        <div class="one">
            <img src="./assets/img/assessment-img3.jpg" />
            <p class="font">办公室</p>
        </div>
        <div class="one">
            <img src="./assets/img/assessment-img4.jpg" />
            <p class="font">办公室</p>
        </div>
    </div>

    <!-- consult  -->
    <div class="consult">
        <div class="one">
            <img src="./assets/img/news-img.png" />
        </div>
        <div class="one">
            <div class="font">
                <p class="title">专业咨询</p>
                <p class="info">个人咨询</p>
                <p class="info">企业咨询</p>
            </div>
        </div>
        <div class="one">
            <img src="./assets/img/news-img2.png" />
        </div>
        <div class="one">
            <div class="font">
                <p class="title">专业咨询</p>
                <p class="info">个人咨询</p>
                <p class="info">企业咨询</p>
                <p class="info">企业咨询</p>
            </div>
        </div>
        <div class="one">
            <img src="./assets/img/news-img3.png" />
        </div>
        <div class="one">
            <div class="font">
                <p class="title">专业咨询</p>
                <p class="info">个人咨询</p>
                <p class="info">企业咨询</p>
            </div>
        </div>
    </div>

    <!-- people -->
    <div class="people">
        <p class="font">人体工学介绍和应用</p>
    </div>

    <!-- introduce  -->
    <div class="introduce">
        <img src="./assets/img/application-img.png" />
        <div class="gray">
            <h1 class="font">人体工学介绍</h1>
            <div class="bottom2">
                <div class="one">历史</div>
                <div class="one">现在</div>
                <div class="one">将来</div>
            </div>
        </div>
    </div>

    <!-- use  -->
    <div class="use">
        <div class="top">
            <div class="one">
                <img src="./assets/img/application-icon1.png" />
                <span> 职业应用</span>
            </div>
            <div class="one">
                <img src="./assets/img/application-icon2.png" />
                <span>个人/家居应用</span>
            </div>
        </div>
        <div class="bottom1">
            <img src="./assets/img/application-icon3.png" />
            <span>其他应用</span>
        </div>
    </div>

    <!-- contact -->
    <div class="risk">
        <p class="font">联系我们</p>
    </div>

    <!-- info  -->
    <div class="info">
        <div class="one">
            <img src="./assets/img/p1.png" />
            <p>+ 86 1527196291</p>
        </div>
        <div class="two">
            <div class="one">
                <img src="./assets/img/p2.png" />
                <p>01-706-560-3604</p>
            </div>
            <div class="one">
                <img src="./assets/img/p3.png" />
                <p>ergo168@qq.com</p>
            </div>
        </div>
        <div class="one">
            <img src="./assets/img/p4.png" />
            <p>广州市天河区珠江新城珠江西路高德置地D座15楼</p>
        </div>
    </div>
    <div class="map">
        <div id="container"></div>
    </div>
    <!-- bottom -->
    <div class="bottom">
        <div class="one">
            <span class="glyphicon glyphicon-home"></span>
            <p>首页</p>
        </div>
        <div class="one">
            <span class="glyphicon glyphicon-object-align-bottom"></span>
            <p>关于我们</p>
        </div>
        <div class="one">
            <span class="glyphicon glyphicon-list-alt"></span>
            <p>风险评估</p>
        </div>
        <div class="one">
            <span class="glyphicon glyphicon-user"></span>
            <p>用户中心</p>
        </div>
    </div>
</body>

</html>
<script src="./assets/js/jquery.min.js"></script>
<script src="./assets/js/bootstrap.min.js"></script>
<script src="./assets/js/less.min.js"></script>
<script type="text/javascript"
    src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=1jCYlt2BXBBwyz6Yf6Ko5psKOrfPiGGz"></script>
<script>
    var map = new BMapGL.Map("container");
    // 经度113.3271744°，纬度23.1020784°
    var point = new BMapGL.Point(113.3271744, 23.1020784);
    map.centerAndZoom(point, 15);
    map.setMapType(BMAP_EARTH_MAP); // 设置地图类型为地球模式
    var zoomCtrl = new BMapGL.ZoomControl(); // 添加缩放控件
    map.addControl(zoomCtrl);
    map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
    map.setHeading(64.5); //设置地图旋转角度
    map.setTilt(73); //设置地图的倾斜角度
</script>